<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/static/common/default.jsp"%>
<html>
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link type="text/css" rel="stylesheet" href="${ctx}/static/tools/jquery-validationEngine/validationEngine.jquery.css"></link>
		<link rel="stylesheet" href="${ctx}/static/threadui/css/select_css/style.css" />
		<link rel="stylesheet" href="${ctx}/static/threadui/css/select_css/select.css" />
		<link type="text/css"  rel="stylesheet" href="${ctx}/static/threadui/css/style.css">
	    <style type="text/css">
			.select_option{
				width: 180px;
				z-index: 1;
				position: absolute;
			}
			.select_showbox{
				width: 175px;
			}
			.checkRole{
				width: 45%;
				float: left;
				border-radius: 3px;
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
				cursor: text;
				line-height:22px;
				padding: 4px 6px;
				border: 1px solid #CAC5C5;
				margin-top: 5px;
				min-height: 100px;
				height: auto;
			}
			.checkRole attr{
				color: red;
			}
			.tenant_fill{width:100%}
			.tag{
				color: white;
				margin-right: 2px;
				padding: 0.2em 0.6em 0.3em;
				border-radius: 0.25em;
				color: white;
				font-size: 95%;
				line-height: 20px;
				text-align: center;
				white-space: nowrap;
				margin-top: 1px;
			}
			.label-success{
				background-color: #29C129;
			}
			.label-default{
				background-color: #7E7575;
			}
			.tag [class="tag-remove"]::after{
				content: "x";
				padding: 0.2px;
				cursor: pointer;
				font-weight: bold;
				margin-left: 5px;
			}
			.check_cinema_li{
				background-color: #F3F8FF;
				height: 30px;
				line-height: 30px;
				margin-top: 2px;
			    padding-left: 10px;
			    cursor: pointer;
			    border-radius: 4px;
   			}
			.nocheck_cinema_li{
				background-color: #F3F8FF;
				height: 30px;
				line-height: 30px;
				margin-top: 2px;
				padding-left: 10px;
				cursor: pointer;
			    border-radius: 4px;
			}
			.checked_div{
				height: 239px;
			}
			.positionSelect .select_box{
				margin-left: 0px;
			}
			.positionSelect{
				margin-right: 50px !important;
			}
	    </style>
	</head>
	<body>
		<div class="cinema_tip">
		    <div class="cinema_subject clearfix">
		        <div class="cinema_title">
		            <a href="${ctx}/sys/apply/toSearch">审批管理</a> >
		            <a href="${ctx}/sys/apply/toSearch" class="cinema_option">用工审批</a> >
		            <a href="javascript:void(0);" class="cinema_option">查看</a>
		        </div>
		        <a href="${ctx}/sys/examine/toListforExamine" class="movie_return">返回列表</a>
		    </div>
		</div>
		<div class="cinema_list">
			<form class="form-horizontal"  role="form" id="employApplyForm" name="employApplyForm" method="post">
				<div class="movie_list">
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">里程桩号：</p>
						</dt>
						
						<dd class="mleft_99">
							<div class="movie_type cinema_feed">
							<input  value="${res.mileageCode}" class="validate[required,maxSize[50]]" maxlength="50" />
							</div>
						</dd>	
					</dl>
					
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">项目名称：</p>
						</dt>
						
						<dd class="mleft_99">
							<div class="movie_type cinema_feed">${res.project.name}
							</div>
						</dd>	
					</dl>
					
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">签证编号：</p>
						</dt>
						
						<dd class="mleft_99">
							<div class="movie_type cinema_feed">${res.visaCode}
							</div>
						</dd>	
					</dl>
					
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">用工内容：</p>
						</dt>
						
						<dd class="mleft_99">
							<div class="movie_type cinema_feed">${res.applyContent}
							</div>
						</dd>	
					</dl>
					
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">工程类别 ：
							<c:choose>
					             <c:when test="${res.projectId==1}">路基</c:when>
					             <c:when test="${res.projectId==2}">路面</c:when>
					             <c:when test="${res.projectId==3}">桥涵</c:when>
					             <c:when test="${res.projectId==4}">隧道</c:when>
					             <c:otherwise>其他</c:otherwise>
					        </c:choose>
							</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">工程量：${res.quantities}</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">施工队：${ct.name}</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">施工人员：${res.onstructionPerson}</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">施工工时：${res.onstructionHour}</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">工时单价：${res.hourPrice}</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">费用：${res.fee}</p>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
							<p style="background-image: none;">是否合同外：
							<c:choose>
					        	<c:when test="${res.isPlan==1}">是</c:when>
					            <c:otherwise>否</c:otherwise>
					        </c:choose>
			           		</p>
						</dt>
					</dl>
					<dl class="movie_fill">
						<dt class="movie_word clearfix">
						<table><tr>
						
						<c:forEach var="picture" items="${piclist}">
							<td>
							<img  hight="480px" width="240px" style="padding:10px"  src="${ctx}${picture.pictureUrl}"/>
							</td>
						</c:forEach>
						</tr></table>
						</div>
						</dt>
					</dl>
					<div class="clearfix"></div>
					<input type = "hidden" id=applyId name="applyId" value="${res.applyId}"/>
					<input type = "hidden" id="type" name="type" value="1"/>
					<input type = "hidden" id="examineId" name="examineId" value="${user.user_id}"/>
					<input type = "hidden" id="examineName" name="examineName" value="${user.userName}"/>
					
					<div class="column_content1"  >
			        <table id="sysUserInfoDatas" width="100%" height="" border="0" cellpadding="0" cellspacing="1" class="border_top">
			            <tr style="background-color: rgb(243, 247, 255);">
			                <th nowrap="" style="padding:0px 5px;width:100px">施工人员</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">人数</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">开始时间</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">结束时间</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">工时</th>
			            </tr>
			            <c:forEach var="node1" items="${list}">
						<tr>
							<td width="100px" hight="30px" align="center">${node1.persons}</td>
							<td width="80px" hight="30px" align="center">${node1.personNumber}</td>
							<td width="200px" hight="30px" align="center"><fmt:formatDate value="${node1.startTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
							<td width="200px" hight="30px" align="center"><fmt:formatDate value="${node1.endTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
							<td width="100px" hight="30px" align="center">${node1.hours}</td>
						</tr>
						</c:forEach>
					</table>
					</div>
					
					<div class="column_content1"  >
			        <table id="sysUserInfoDatas" width="100%" height="" border="0" cellpadding="0" cellspacing="1" class="border_top">
			            <tr style="background-color: rgb(243, 247, 255);">
			                <th nowrap="" style="padding:0px 5px;width:100px">审核人</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">审核时间</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">审核状态</th>
			                <th nowrap="" style="padding:0px 5px;width:100px">审核内容</th>
			            </tr>
			            <c:forEach var="node2" items="${list1}">
						<tr>
							<td style="padding:0px 5px;width:100px">${node2.examineName}</td>
							<td style="padding:0px 5px;width:200px"><fmt:formatDate value="${node2.examineTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
							<td style="padding:0px 5px;width:200px">
							<c:choose>
					        	<c:when test="${node2.state==1}">同意</c:when>
					            <c:otherwise>不同意</c:otherwise>
					        </c:choose>
							</td>
							<td style="padding:0px 5px;">
							${node2.content}
							</td>
							
						</tr>
						</c:forEach>
					</table>
					</div>
				
				</div>
			</form>
		</div>
		
		
		<script type="text/javascript" src="${ctx}/static/tools/jquery-validationEngine/jquery.validationEngine.js"></script>
		<script type="text/javascript" src="${ctx}/static/tools/jquery-validationEngine/jquery.validationEngine-cn.js"></script>
		<script type="text/javascript">
			function sysProInfoAdd() {
				
			}
			
			
			
		</script>
	</body>
</html>